<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Meadowlark Trval</title>
    {{{_section.head}}}
    {{#if flash}}
        <div class="alert alert-dismissible alert-{{flash-type}}">
            <button class="close" type="button" data-dismiss="alert" aria-hidden="true">$times;</button>
            <string>{{flash.info}}</string>
            {{{flash.message}}}

        </div>
    {{/if}}
    {{#if showTests}}
        <link rel="stylesheet" href="/vendor/mocha.css">
    {{/if}}
    {{!--<link rel="stylesheet" href="/css/main.css">--}}
    <link rel="stylesheet" href="{{static '/css/bootstrap.min.css'}}">
    <script src="//code.jquery.com/jquery-2.0.2.min.js"></script>
    <script src="{{static '/js/meadowlark.min.js'}}"></script>
    <link rel="stylesheet" href="{{static '/css/meadowlark.min.css'}}">
    <!-- ... -->
    <script>
        window.document.ready = function() {
        }
    </script>
    {{#each _bundles.css}}
        <link rel="stylesheet" href="{{static .}}">
    {{/each}}
    {{#each _bundles.js.head}}
        <script src="{{static .}}"></script>
    {{/each}}
    
</head>
<body>
    <div class="contaner-wrap">
        <header>
            <img src="{{logoImage}}" alt="logo">
        </header>
        {{{body}}}
        {{{_section.jquery}}}

        {{#if showTests}}
            <div id="mocha"></div>
            <script src="/vendor/mocha.js"></script>
            <script src="/vendor/chai.js"></script>
            <script>
                mocha.ui('tdd');
                var assert = chai.assert;
            </script>
            <script src="/qa/tests-global.js"></script>
            {{#if pageTestScript}}
                <script src="{{pageTestScript}}"></script>
            {{/if}}
            <script>mocha.run();</script>
        {{/if}}
    </div>
</body>
</html>